<template>
  <!-- 我的上级 -->
  <div class="form-box">
    <el-table height="55vh" :data="list" stripe border>
      <el-table-column label="序号" type="index" width="60" align="center" />
      <el-table-column label="UID" prop="id" width="150" align="center" />
      <el-table-column label="昵称" prop="nickname" width="150" align="center" />
      <el-table-column label="手机号码" prop="phone" width="150" align="center" />
      <el-table-column label="注册时间" prop="createTime" min-width="160" align="center" />
    </el-table>
    <!-- <pagination v-show="totalNum > 0" :total="totalNum" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
  </div>

</template>

<script>
import { superior } from "@/api/vip/vip";

export default {
  name: 'FormView',
  props: {
    queryParams: {
      type: Object,
    },
  },

  data() {
    return {
      loading: false,
      list: [],
      totalNum: 0
    }
  },
  // watch: {
  //   "queryParams": {
  //     deep: true,
  //     handler: function (newV, oldV) {

  //       if (this.pageNum == newV.pageNum) {
  //         this.handleQuery();
  //       } else {
  //         this.pageNum = newV.pageNum;
  //       }
  //     },
  //   },
  // },

  created() {
    this.getList();
  },

  methods: {
    getList() {
      this.loading = true;
      superior(this.queryParams).then((response) => {
        if (response.code == 200) {
          this.list = response.data;
          // this.totalNum = response.total;
        }
        this.loading = false;
      });
    }
  }
}
</script>
<style scoped>
.page-view {
  margin-top: 10px;
  height: 50px;
}
</style>
